doctype html
html(lang='en')
  head
    // Required meta tags
    meta(charset='utf-8')
    meta(name='viewport', content='width=device-width, initial-scale=1, shrink-to-fit=no')
    // Bootstrap CSS
    link(rel='stylesheet', href='https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css', integrity='sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh', crossorigin='anonymous')
    link(rel='stylesheet', href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css')
    link(rel='icon', type='image/png', href='Logo.png')
    title WEPINS
  
  body.bg-light
    .container
      .pt-5.text-center
        img.d-block.mx-auto.mb-4(src='Logo.png', alt='WEPINS', width='72', height='72')
        h2 WEPINS
        p.lead
          | Use our model which power by OpenCV, Yolo modeling and python to detect the object in the image that you upload to this website. Let's try it now!!
      
      .d-flex.justify-content-between.flex-wrap.flex-md-nowrap.align-items-center.pb-2.mb-3.border-bottom
        h1.h2 Result
        .btn-toolbar.mb-2.mb-md-0
          a.btn.btn-primary.mx-1(href=test, download="")
            i.fa.fa-download
            |  Download
          a.btn.btn-danger.mx-1(href="http://localhost:3000/")
            i.fa.fa-chevron-left
            |  Back
      
      img.img-fluid(src=test)
      
      .card.mt-3
        .card-header.h5
          | Output
        .card-body
          p.card-text= print_o

      footer.my-5.text-muted.text-center.text-small
        hr.mb-4
        p.mb-1 © 2020 WEPINS By Warunyu Hematulin
        ul.list-inline
          li.list-inline-item
            a(href='#') Document
          li.list-inline-item
            a(href='#') Github

      // Optional JavaScript
      // jQuery first, then Popper.js, then Bootstrap JS
      script(src='https://code.jquery.com/jquery-3.4.1.slim.min.js', integrity='sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n', crossorigin='anonymous')
      script(src='https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js', integrity='sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo', crossorigin='anonymous')
      script(src='https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js', integrity='sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6', crossorigin='anonymous')
